// 表格头部
#call-volume-head {
  height: 50px;
  color: #5b5b5b;
  background-color: #fff;
  &:focus {
    outline: -webkit-focus-ring-color auto 0px;
  }
  .left {
    float: left;
    display: flex;
    // 总计
    .number {
      height: 50px;
      line-height: 50px;
      font-size: 14px;
      padding: 0 20px;
    }

    // Tab 栏
    ul {
      max-width: 350px;
      min-width: 190px;
      margin: 0;
      padding: 0;
      padding-left: 10px;
      list-style: none;
      display: flex;
      li {
        float: left;
        flex-direction: row;
        height: 48px;
        line-height: 48px;
        text-align: center;
        color: #ccc;
        font-size: 14px;
        text-decoration: none;
        margin-right: 14px;
  
        &.color {
          color: orange;
          border-bottom: 2px solid orange;
        }
  
        &:hover {
          cursor: pointer;
        }
      }
    }
  }
  .right {
    float: right;
    // 总计
    .total {
      max-width: 1100px;
      display: flex;
      div,
      span {
        flex-direction: row;
        height: 40px;
        color: #909399;
        margin-top: 10px;
      }
  
      span {
        display: flex;
        max-width: 250px;
        margin: 15px 20px 0;
        color: #333;
        height: 35px;
        font-size: 18px;
        font-weight: 700;
      }
  
      > :first-child {
        width: 60px;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        color: #333;
        margin: 0;
        margin-left: 30px;
      }
    }
  }
  .line {
    width: 1px;
    height: 20px;
    margin-top: 15px;
    color: #333;
    float: left;
    border-left: 1px solid #ccc;
  }

  .w24 {
    width: 25px;
  }

  .w48 {
    width: 50px;
  }
  .w60 {
    width: 60px;
  }
  .w36 {
    width: 38px;
  }

  .f12 {
    font-size: 12px;
  }
}
